import React from 'react'
import { ResultPage, Card } from 'antd-mobile'
import styles from './css/index.module.css'
import { LoopOutline } from 'antd-mobile-icons'
import { Collapse } from 'antd-mobile'
import { Calendar } from 'antd-mobile'
import {
    Form,
    Input,
    Button,
    Dialog,
    TextArea,
    DatePicker,
    Selector,
    Slider,
    Stepper,
    Switch,
} from 'antd-mobile'

function Index() {
    return (
        <div>
            <ResultPage
                status='success'
                title='火车票预订'
                description='便捷购票，服务您的每一次出行'
            >
                <ResultPage.Card className={styles.mm}>
                    <div className={styles.pp}>
                        <span>北京</span>
                        <LoopOutline fontSize={25} fontWeight={700} />
                        <span>上海</span>
                    </div>
                    <div className={styles.kk}>
                        <Collapse defaultActiveKey={['1']}>
                            <Collapse.Panel key='1' title='2024-12-10 周二(今天)'>
                                <Calendar />
                            </Collapse.Panel>
                        </Collapse>
                    </div>
                    <div className={styles.jj}>
                        <span>只看高铁/动车</span>
                    </div>
                    <div className={styles.oo}>
                        <Form
                            layout='horizontal'
                            footer={
                                <Button block type='submit' color='primary' size='large' className={styles.nn}>
                                    搜索
                                </Button>
                            }
                        ></Form>
                    </div>
                </ResultPage.Card>
            </ResultPage>
        </div>
    )
}

export default Index
